window.onload = function() {

	var oDiv1 = document.getElementById('div1');
	var oDiv2 = document.getElementById('div2');

	oDiv1.onmouseover = function() {
		// this.style.left = '0px';
		startMove(0, 10);
		// 隐藏 div2
		oDiv2.style.display = 'none';
	};

	oDiv1.onmouseout = function() {
		// this.style.left = '-100px';
		startMove(-100, -10);
		// 显示 div2
		oDiv2.style.display = 'block';
	};

	var iTimer = null;

	function startMove(iTarget, iSpeed) {
		clearInterval(iTimer);
		iTimer = setInterval(function() {
			if(oDiv1.offsetLeft == iTarget) {
				clearInterval(iTimer);
			} else {
				oDiv1.style.left = oDiv1.offsetLeft + iSpeed + 'px';
			}
		}, 30);

	}
};
